<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar :datas="{formData:form}" showPerson psTagType="PERSON_PENSION_QUERY"
                         personType="PERSON_ALL_EXACT">
            </epl-top-bar>
            <epl-userMessage dataType="person" idCount="3" :panel="panel">
                <template slot-scope="scope">
                    <epl-userMessageItem title="当前待遇" :sum="form.sum.value">
                        <epl-column label="扣发总月数" :value="form.bac062.value"></epl-column>
                        <epl-column label="扣发总金额" :value="'￥'+form.bac063.value"></epl-column>
                    </epl-userMessageItem>
                </template>
            </epl-userMessage>
            <el-card class="ep-card">
                <ep-title>请输入移交信息</ep-title>
                <el-form :model="form" ref="form" :rules="rules">
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="移交至行政区划" name="aab301" :property="form.aab301" codetype="AAB301" placeholder="请选择移交至行政区划"
                            p="R"  :datas="{formData:form}" rules="this.$rules.test_noBlank" isChange></ep-select>
                        <ep-select colspan="8" label="移交至统筹区" name="aaa027" :property="form.aaa027" codetype="AAA027" 
                            p="R,D" :datas="{formData:form}"></ep-select>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-date colspan="8" label="移交日期" name="aae035" :property="form.aae035" placeholder="请选择移交日期" 
                            p="R" format="yyyy-MM-dd" value-format="yyyyMMdd" :datas="{formData:form}" isChange></ep-date>
                        <ep-date colspan="8" label="移交待遇开始年月" name="aae041" :property="form.aae041"  
                            p="R,D" format="yyyyMM" value-format="yyyyMM"></ep-date>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="扣发开始年月" name="bac061" :property="form.bac061" 
                            p="D"></ep-input>
                        <ep-input colspan="8" label="扣发总月数" name="bac062" :property="form.bac062" 
                            p="D"></ep-input>
                        <ep-input colspan="8" label="扣发总金额" name="bac063" :property="form.bac063" 
                            p="D"></ep-input>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-textarea :rows="3" colspan="24" label="备注" name="aae013" :property="form.aae013" placeholder="请输入备注信息" 
                            p="E"></ep-textarea>
                    </el-row>
                    <el-row :gutter="10" v-show="show">
                        <ep-input colspan="6" label="人员ID" name="aac001" :property="form.aac001" 
                            p="H" :datas="{formData:form}"></ep-input>
                        <ep-input colspan="6" label="享受定期待遇人员id" name="aaz257" :property="form.aaz257" 
                            p="H" :datas="{formData:form}"></ep-input>
                        <ep-input colspan="6" label="人员参保关系id" name="aaz159" :property="form.aaz159" 
                            p="H" :datas="{formData:form}"></ep-input>
                        <ep-input colspan="6" label="人员社会保险明细id" name="aaz157" :property="form.aaz157" 
                            p="H" :datas="{formData:form}"></ep-input>
                        <ep-input colspan="6" label="保存标志" name="canSave" :property="form.canSave" 
                            p="H" :datas="{formData:form}"></ep-input>
                        <ep-input colspan="6" label="总金额" name="sum" :property="form.sum" 
                            p="H" :datas="{formData:form}"></ep-input>
                    </el-row>
                    <el-row type="flex" justify="center">
                        <ep-button id="cal" api="doQuery" type="primary" top="20" bottom="20"
                                   :datas="{panel:panel,formData: form,tableData1:tableData1}"
                                   name="计算"></ep-button>
                        <ep-saveButton id="doSave" type="primary" top="20" bottom="20" ref="save" @formValidate="formValidate" :validate="['form']"
                                       :datas="{panel:panel,formData: form,tableData1:tableData1}"></ep-saveButton>
                    </el-row>
                </el-form>
                <el-tabs v-model="activeName2" type="card">
                    <el-tab-pane label="待遇扣发明细" name="1">
                        <ep-table :data="tableData1" :pager="20" :titleFilter="demo">
                            <ep-table-column editor="text" name="aaa036" header="待遇项目" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aaa037" header="待遇项目名称" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aae003" header="对应所属期" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aae019" header="扣发金额" sortable="true"></ep-table-column>
                        </ep-table>
                    </el-tab-pane>
                </el-tabs>
            </el-card>
        </el-main>
    </el-main>
</template>

<script src="../js/TransferenceAddJS.js"></script>
